<template>
  <div>
    <top-bar>
      <template slot="left-icon">
        <img  src="@/assets/img/logo.png" alt="logo" style="height: 30px" />
      </template>
    </top-bar>
    <van-tabs
      style="margin-top: 56px; margin-bottom: 100px"
      v-model="active"
      animated
      swipeable
      :sticky="true"
      :offset-top="52"
    >
      <van-tab title="推荐">
        <recommend />
      </van-tab>
      <van-tab title="电影">
        <movie />
      </van-tab>
      <van-tab title="电视剧">
        <television />
      </van-tab>
      <van-tab title="动漫">
        <comic />
      </van-tab>
      <!-- <van-tab title="综艺">
        <variety />
      </van-tab>
      <van-tab title="游戏">
        <game />
      </van-tab> -->
    </van-tabs>
    <tab-bar active="home" />
  </div>
</template>

<script>
import TabBar from "@/components/tabbar";
import TopBar from "@/components/topbar";
import Recommend from "./recommend/index";
import Variety from "./variety/index"
import Game from "./game/index"
import Movie from "./movie/index"
import Television from "./television/index"
import Comic from "./comic/index"
export default {
  name: "Home",
  components: {
    TabBar,
    TopBar,
    Recommend,
    Variety,
    Game,
    Movie,
    Television,
    Comic
  },
  data() {
    return {
      active: 0,
      
    };
  },
  created () {
    
  },
  methods: {
    
  },
};
</script>

<style lang="scss" scoped>
</style>